<template>
    <Component :is="icon" :theme="theme" :size="size" :spin="spin" :fill="fill" :strokeLinecap="strokeLinecap"
               :strokeLinejoin="strokeLinejoin" :strokeWidth="strokeWidth"/>
  </template>
  
  <script setup lang="ts">
  import type {Icon} from "@icon-park/vue-next/lib/runtime";
  
  defineProps<{
    icon: Icon,
    theme?: 'outline' | 'filled' | 'two-tone' | 'multi-color',
    size?: number | string,
    spin?: boolean,
    fill?: string | string[],
    strokeLinecap?: 'butt' | 'round' | 'square',
    strokeLinejoin?: 'miter' | 'round' | 'bevel',
    strokeWidth?: number
  }>()
  </script>